<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formulario">

                    <p:panel id="pnlFindProdDisponible" header="Stock Articulos"
                             style="width:80%;margin: 5px auto">

                        <h:panelGrid columns="2" styleClass="grid">
                            <h:column>
                                <h:outputLabel id="lblCategoria" value="CATEGORIAS: " class="lblBusqueda" />
                            </h:column>
                            <h:column>
                                <p:orderList value="#{BKArticuloStock.listaCategoriasOrdenada}" var="cat" itemLabel="#{cat.nombre}" 
                                             itemValue="#{cat}" converter="#{categoriaArticuloConverter}" controlsLocation="left" id="customList" /> 
                            </h:column>
                            <h:column>
                                <h:outputLabel id="lblCerrar" value="¿CERRAR INVENTARIO? " class="lblBusqueda" />
                            </h:column>
                            <h:column>
                                <p:selectBooleanCheckbox value="#{BKArticuloStock.cerrar}" />
                            </h:column>


                        </h:panelGrid>

                        <h:panelGrid columns="1" columnClasses="label, value"
                                     styleClass="grid">
                            <p:commandButton id="btnGenerarExcel" value="GENEREAR EXCEL" update="dataTablaInventario"
                                             actionListener="#{MBArticuloStock.cerrarInventario}" ajax="false"
                                             style="font-size: 12px" />
                        </h:panelGrid>
                    </p:panel>

                    <p:panel id="pnlListaInventario" header="Lista de Cierres de Inventario" style="width: 100%;margin: 10px auto" >

                        <p:dataTable id="dataTablaInventario" var="cierre"
                                     value="#{BKArticuloStock.listaCierreInventario}" widgetVar="lista"
                                     emptyMessage="No se encontraron Articulos en Inventario"
                                     filteredValue="" rowIndexVar="rowIndex" paginator="true" rows="20"
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} 
                                     {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="20,40,60">

                            <p:column id="idColumnaNum" style="width: 5%" headerText="Num.">
                                <h:outputText value="#{rowIndex+1}" />
                            </p:column>

                            <p:column id="idRazonSocial" style="width: 5%" headerText="Fecha."
                                      sortBy="#{cierre.fecCreacion}" filterBy="#{cierre.fecCreacion}"
                                      filterMatchMode="contains">
                                <h:outputText value="#{cierre.fecCreacion}" />
                            </p:column>

                            <p:column id="idAccionesCuentaBancaria" headerText="Acciones" >
                                <p:commandButton icon="ui-icon-search" title="Ver" ajax="false" >
                                    <p:fileDownload value="/inventario/#{cierre.archivo}" />  
                                </p:commandButton>
                            </p:column>

                        </p:dataTable>
                    </p:panel>
                </h:form>

            </f:view>
        </ui:define>
    </ui:composition>

</html>